<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小滴课堂</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/xdclass.css" />
    <script src="http://at.alicdn.com/t/font_2925131_o5ii3uauvi.js"></script>
</head>

<body>
    <div class="xdclass_home">
        <div class="header_img">
            <img src="https://xdvideo-file.oss-cn-shenzhen.aliyuncs.com/video/2021/71-HLSJCL/hd.jpeg" alt="" />
        </div>
        <div class="header_nav">
            <div class="nav_left">
                <img src="https://file.xdclass.net/xdclass/xdclass_logo.png" alt="" />
                <div>首页</div>
                <div>课程中心</div>
                <div>
                    超级会员
                    <i>hot</i>
                </div>
                <div>学习路线<i>hot</i></div>
                <div>一对一辅导<i>hot</i></div>
                <div>工具</div>
                <div>回答论坛</div>
                <input type="text" />
                <svg class="sousuo" aria-hidden="true">
            <use xlink:href="#icon-sousuo"></use>
          </svg>
            </div>
            <div class="nav_right">
                <div>
                    课程骨折
                    <i>hot</i>
                </div>
                <div>
                    云服务器
                    <i>hot</i>
                </div>
                <div>课程兑换码</div>
                <div>
                    <svg class="vip" aria-hidden="true">
              <use xlink:href="#icon-VIP"></use>
            </svg>
                </div>
                <div>我的学习</div>
                <div>
                    <img src="https://gw.alicdn.com/tps/TB1W_X6OXXXXXcZXVXXXXXXXXXX-400-400.png" alt="" class="right_img" />
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="banner_left">
                <!-- <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div>
          <div class="left_item">
            后端&架构
            <svg class="xiangyou" aria-hidden="true">
              <use xlink:href="#icon-xiangyou1"></use>
            </svg>
          </div> -->
            </div>
            <div class="banner_rigt">
                <svg class="xiangzuo_pre" aria-hidden="true">
            <use xlink:href="#icon-xiangyou1"></use>
          </svg>
                <!-- //图片 -->
                <div class="imgs">
                    <!-- <img class="banner_rigt_img" src="./img/h1123.jpeg" alt="" /> -->
                    <!-- <img class="banner_rigt_img" src="./img/1124.jpeg" alt="" />
            <img class="banner_rigt_img" src="./img/alibabacloud.jpeg" alt="" /> -->
                </div>
                <svg class="xiangyou_next" aria-hidden="true">
            <use xlink:href="#icon-xiangyou1"></use>
          </svg>
                <!-- 三个小圆点 -->
                <div class="dot_list">
                    <!-- <div class="banner_dot "></div>
            <div class="banner_dot  active"></div>
            <div class="banner_dot"></div> -->
                </div>
            </div>
        </div>
        <div class="hot_list">
            <div class="list_title">
                <div class="hot_text">热门课程</div>
                <div class="hot_eng">Hot Courses</div>
            </div>
            <div class="list_content">
                <div class="content_item">
                    <div class="item_img">
                        <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                    </div>
                    <div class="item_text">
                        <div class="item_title">
                            海量数据处理-商用短链平台项目大课【预售特价中】
                        </div>
                        <div class="item_jibie">
                            <div>级别: 高级</div>
                            <div>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                            </div>
                        </div>
                        <div class="item_number">
                            <div class="num_left">
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-touxiang"></use>
                  </svg> 332
                            </div>
                            <div class="mun_right">
                                <span class="left">￥3999</span>
                                <span class="right">￥2999</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_item">
                    <div class="item_img">
                        <img class="item_img_pic" src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                    </div>
                    <div class="item_text">
                        <div class="item_title">
                            海量数据处理-商用短链平台项目大课【预售特价中】
                        </div>
                        <div class="item_jibie">
                            <div>级别: 高级</div>
                            <div>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                            </div>
                        </div>
                        <div class="item_number">
                            <div class="num_left">
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-touxiang"></use>
                  </svg> 332
                            </div>
                            <div class="mun_right">
                                <span class="left">￥3999</span>
                                <span class="right">￥2999</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_item">
                    <div class="item_img">
                        <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                    </div>
                    <div class="item_text">
                        <div class="item_title">
                            海量数据处理-商用短链平台项目大课【预售特价中】
                        </div>
                        <div class="item_jibie">
                            <div>级别: 高级</div>
                            <div>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                            </div>
                        </div>
                        <div class="item_number">
                            <div class="num_left">
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-touxiang"></use>
                  </svg> 332
                            </div>
                            <div class="mun_right">
                                <span class="left">￥3999</span>
                                <span class="right">￥2999</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_item">
                    <div class="item_img">
                        <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                    </div>
                    <div class="item_text">
                        <div class="item_title">
                            海量数据处理-商用短链平台项目大课【预售特价中】
                        </div>
                        <div class="item_jibie">
                            <div>级别: 高级</div>
                            <div>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-huo"></use>
                  </svg>
                            </div>
                        </div>
                        <div class="item_number">
                            <div class="num_left">
                                <svg class="huo" aria-hidden="true">
                    <use xlink:href="#icon-touxiang"></use>
                  </svg> 332
                            </div>
                            <div class="mun_right">
                                <span class="left">￥3999</span>
                                <span class="right">￥2999</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="split_line"></div>
        <div class="new_list">
            <div class="list_title">
                <div class="hot_text">最新课程</div>
                <div class="hot_eng">New Courses</div>
            </div>
            <div class="new_list_con">
                <div class="list_content">
                    <div class="content_item">
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                        <div class="feel">会员免费</div>
                    </div>
                    <div class="content_item">
                        <div class="feel">会员免费</div>
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content_item">
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content_item">
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content_item">
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content_item">
                        <div class="item_img">
                            <img src="https://file.xdclass.net/video/2021/71-HLSJCL/cover.jpeg" alt="" />
                        </div>
                        <div class="item_text">
                            <div class="item_title">
                                海量数据处理-商用短链平台项目大课【预售特价中】
                            </div>
                            <div class="item_jibie">
                                <div>级别: 高级</div>
                                <div>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-huo"></use>
                    </svg>
                                </div>
                            </div>
                            <div class="item_number">
                                <div class="num_left">
                                    <svg class="huo" aria-hidden="true">
                      <use xlink:href="#icon-touxiang"></use>
                    </svg> 332
                                </div>
                                <div class="mun_right">
                                    <span class="left">￥3999</span>
                                    <span class="right">￥2999</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="new_list_img">
                    <img src="https://file.xdclass.net/video/2021/aliyun/h1102.jpeg" alt="" />
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="foot_icon">
                <svg class="icon_item" aria-hidden="true">
            <use xlink:href="#icon-shejiaotubiao-42"></use>
          </svg>
                <svg class="icon_item" aria-hidden="true">
            <use xlink:href="#icon-weixin"></use>
          </svg>
                <svg class="icon_item" aria-hidden="true">
            <use xlink:href="#icon-QQ"></use>
          </svg>
            </div>
            <div class="foot_text"></div>
            <div class="foot_eng">
                Copyright © 2018 Company,lnc.粤ICP备15092968号 Trems
            </div>
        </div>
    </div>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>